<!DOCTYPE html>
<html>
<head>
<title>元素选择器、类选择器</title>

<meta http-equiv="keywords" content="keyword1,keyword2,keyword3">
<meta http-equiv="description" content="this is my page">
<meta http-equiv="content-type" content="text/html; charset=UTF-8">

<link rel="stylesheet" href="1.css" type="text/css"></link>

</head>

<body>
	<!-- 元素选择器 -->
	<!-- 通配符*控制属性优先级要低于指定的属性,只要没有写明属性,
	就由通配符控制的属性生效 -->
	<h1>标题1_1</h1>
	<h1>标题1_2</h1>
	<h2>标题2_1</h2>
	<h2>标题2_2</h2>
	<h3>标题3_1</h3>
	<h3>标题3_2</h3>
	<h4>标题4_1</h4>
	<h4>标题4_2</h4>


	<!-- 类选择器 -->
	<!--(1)    .类名{} -->
	<p class="pclass1">hello,world!</p>

	<!--(2)结合元素选择器:   元素选择器.类名{} -->

	<div class="div">hello,HTML</div>
	<a class="div">hello,HTML</a>

	<!--(2)多类选择器:   .类名.类名{} -->

	<p class="pclass2">this is my page!</p>
	<p class="pclass3">this is my page!</p>
	<!-- 这个段落"pclass2 pclass3"的文字会继承pclass2和pclass3两个类的特点
	使用多类选择器还可以设置它独有的属性:.pclass2.pclass3{}
	-->
	<p class="pclass2 pclass3">this is my page!</p>

	<!-- 类选择器 --> 
</body>
</html>
